<!DOCTYPE html>
<!--[if IE 7]><html class="ie ie7 ie-lt10 ie-lt9 ie-lt8 no-js" lang="zh"><![endif]-->
<!--[if IEMobile 7]><html class="no-js iem7" lang="zh" itemscope itemtype="https://schema.org/AutoPartsStore"><![endif]-->
<!--[if IE 8]><html class="ie ie8 ie-lt10 ie-lt9 no-js" lang="zh"><![endif]-->
<!--[if IE 9]><html class="ie ie9 ie-lt10 no-js" lang="zh" itemscope itemtype="https://schema.org/AutoPartsStore"><![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7)|!(IEMobile)]><!-->
<html lang="zh" itemscope itemtype="https://schema.org/AutoPartsStore" class="ie-gt9 no-js"><!--<![endif]-->
  <head>
    <!--
    Maybe we can remove meta charset.
    Use the server configs or sets the proper value for the HTTP header.
    https://github.com/h5bp/html5-boilerplate/pull/1520
    -->
    <meta charset="utf-8">
    <meta target="_blank">
    <title>支付成功</title>
    <!-- Pre-Resolve DNS Snippet-->
    <meta http-equiv="x-dns-prefetch-control" content="off"><!--[if IE 9]>
      <link rel="prefetch" href="//chexiang.com/">
      <link rel="prefetch" href="//s17.cnzz.com/">
      <link rel="prefetch" href="//www.google-analytics.com/"><![endif]--><!--[if gt IE 9]><!-->
      <link rel="dns-prefetch" href="//chexiang.com/">
      <link rel="dns-prefetch" href="//s17.cnzz.com/">
      <link rel="dns-prefetch" href="//www.google-analytics.com/"><!--<![endif]-->
    <!-- Offical: IE = EmulateIE7, IE = 10, IE = edge, chrome = 1-->
    <meta http-equiv="X-UA-Compatible" content="ie = edge, chrome = 1">
    <!--
    IOS Safari: Fixed in iOS 7.1 beta 2, A property, minimal-ui, has been added for
    the viewport meta tag key that allows minimizing the top and bottom bars on the
    iPhone as the page loads. While on a page using minimal-ui, tapping the top bar
    brings the bars back. Tapping back in the content dismisses them again.
    Reference,
    http://www.everythingicafe.com/forum/threads/lets-talk-ios-7-1-beta-2.104595/
    -->
    <meta name="viewport" content="width = 1190, initial-scale = 1, minimal-ui">
    <meta name="HandheldFriendly" content="true">
    <!-- Microsoft introduced the MobileOptimized tag for the PocketPC-->
    <meta name="MobileOptimized" content="1190">
    <!--
    Mobile Internet Explorer allows us to activate ClearType technology for
    smoothing fonts for easy reading
    -->
    <meta http-equiv="cleartype" content="on">
    <link rel="canonical" href="">
    <meta name="url" content="">
    <meta name="identifier-URL" content="">
    <meta name="linkage" content="">
    <!-- production: content = "all"; development: content = "none".-->
    <meta name="Robots" content="none">
    <!-- production: content = "public"; development: content = "no-cache".-->
    <meta http-equiv="cache-control" content="no-cache">
    <!-- production: content = "max-age"; development: content = "0".-->
    <meta http-equiv="expires" content="0">
    <meta http-equiv="windows-Target" content="_top">
    <meta name="google-site-verification" content="">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="copyright" content="">
    <!-- Site Icon-->
    <link rel="logo" type="image/svg" href="logo.svg">
    <link rel="icon" type="image/gif" href="favicon-32x32.gif">
    <link rel="icon" type="image/jpg" href="favicon-32x32.jpg">
    <link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico">
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"><!--[if lt IE 8]>
    <link rel="address bar icon" type="image/x-icon" href="favicon.ico"><![endif]-->
    <link rel="icon" type="image/png" href="favicon-16x16.png">
    <link rel="icon" type="image/png" href="favicon-32x32.png">
    <link rel="icon" type="image/png" href="favicon-96x96.png">
    <link rel="icon" type="image/png" href="favicon-160x160.png">
    <link rel="icon" type="image/png" href="favicon-196x196.png">
    <!-- Apple Meta Tag-->
    <!-- include ../snippet/apple.meta.jade-->
    <!-- Windows 8+ Pinned Site Metadata-->
    <!-- include ../snippet/ms.pinned.site.meta.jade-->
    <!-- Public stylesheet snippet.--><!--[if lt IE 9]>
    <link rel="stylesheet" href=""><![endif]--><!--[if gte IE 9]><!-->
    <link rel="stylesheet" href=""><!--<![endif]-->
    <link rel="stylesheet" href="bower_dependency/reset-css/css/reset.css">
    <link rel="stylesheet" href="css/saic-webapp-auto-mall-user-center-framework/scaffolding/grid.css">
    <link rel="stylesheet" href="css/saic-webapp-auto-mall-user-center-framework/scaffolding/global.css">
    <link rel="stylesheet" href="css/saic-webapp-auto-mall-user-center-framework/scaffolding/util.css">
    <link rel="stylesheet" href="css/saic-webapp-auto-mall-user-center/placehold.css">
    <!-- Custom modules, here.-->
    <!-- Private stylesheet snippet.-->
    <link rel="stylesheet" href="css/saic-webapp-auto-mall-user-center/pay.success.css">
    <link rel="stylesheet" href="css/saic-webapp-auto-mall-user-center-framework/component/sidebar.css">
    <link rel="stylesheet" href="css/saic-webapp-auto-mall-user-center-framework/component/breadcrumb.css">
    <!-- Public script snippet.-->
    <script src="bower_dependency/console_polyfill/js/index.js"></script>
    <script src="js/prefixfree/prefixfree.js"></script><!--[if (gte IE 6)&(lte IE 9)]>
    <script>
      window.html5 = {'shivCSS': false};
      
    </script>
    <script src="bower_dependency/html5shiv/js/html5shiv.js"></script><![endif]-->
    <script src="js/modernizr/modernizr-3.0.0.beta.js"></script><!--[if !IE]><!-->
    <script>
      var _csshack = (function () {
      
          return {
      
              init: function () {
      
                  if (/*@cc_on!@*/false) {
      
                      document.documentElement.className += ' ie' + document.documentMode;
      
                  }
      
                  if (/*@cc_on!@*/true) {
      
                      document.documentElement.className += ' ie' + document.documentMode;
      
                  }
      
              }
      
          };
      
      } ()).init();
      
    </script><!--<![endif]-->
    <!-- Custom modules, here.-->
    <!-- Private javascript snippet which need to be put in the '<head/>' tag.-->
    <link rel="author" type="text/plain" href="humans.txt">
  </head>
  <body>
    <header class="header"></header>
    <div itemscope itemtype="https://schema.org/breadcrumb" class="row clearfix center gu30 breadcrumb user-center border_box unselectable"><a itemprope="url" href="#" hreflang="zh" title="" class="link-breadcrumb hover-link home"><span itemprop="title">首页</span></a><i class="icon-breadcrumb"></i><a itemprope="url" href="#" hreflang="zh" title="" class="link-breadcrumb hover-link"><span itemprop="title">████████</span></a><i class="icon-breadcrumb"></i><a itemprope="url" href="#" hreflang="zh" title="" class="link-breadcrumb hover-link"><span itemprop="title">████████</span></a><i class="icon-breadcrumb"></i><span itemprop="title">支付成功</span></div>
    <div itemscope itemtype="https://schema.org/mainContentOfPage" class="row clearfix center gu30 border_box main-content minHeight-500">
      <aside itemscope itemtype="https://schema.org/WPSideBar" class="left gu6 aside-nav border_box minHeight-300 unselectable">
        <ul class="menu-level-1">
          <li class="pos-rel menu-level-1-item clearfix my-trade border_box">
            <div class="menu-level-1-title pos-rel"><span class="pos-abs">我的交易</span><i class="pos-abs arrow"></i></div>
            <ul class="menu-level-2 pos-rel">
              <li class="pos-rel menu-level-2-item selected"><a href="#" hreflang="zh" class="clean-link border_box">我的订单</a></li>
            </ul>
            <ul class="menu-level-2-hidden hide">
              <li class="menu-level-2-hidden-item"><a href="#" hreflang="zh" class="clean-link border_box">██████████████</a></li>
              <li class="menu-level-2-hidden-item"><a href="#" hreflang="zh" class="clean-link border_box">██████████████</a></li>
              <li class="menu-level-2-hidden-item"><a href="#" hreflang="zh" class="clean-link border_box">██████████████</a></li>
              <li class="menu-level-2-hidden-item"><a href="#" hreflang="zh" class="clean-link border_box">██████████████</a></li>
              <li class="menu-level-2-hidden-item"><a href="#" hreflang="zh" class="clean-link border_box">██████████████</a></li>
            </ul>
          </li>
          <li class="pos-rel menu-level-1-item clearfix my-account border_box">
            <div class="menu-level-1-title pos-rel"><span class="pos-abs">我的账户</span><i class="pos-abs arrow"></i></div>
            <ul class="menu-level-2">
              <li class="pos-rel menu-level-2-item"><a href="#" hreflang="zh" class="clean-link border_box">个人信息（利用现有）</a></li>
              <li class="pos-rel menu-level-2-item"><a href="#" hreflang="zh" class="clean-link border_box">我的收藏</a></li>
            </ul>
            <ul class="menu-level-2-hidden hide">
              <li class="menu-level-2-hidden-item"><a href="#" hreflang="zh" class="clean-link border_box">██████████████</a></li>
              <li class="menu-level-2-hidden-item"><a href="#" hreflang="zh" class="clean-link border_box">██████████████</a></li>
              <li class="menu-level-2-hidden-item"><a href="#" hreflang="zh" class="clean-link border_box">██████████████</a></li>
              <li class="menu-level-2-hidden-item"><a href="#" hreflang="zh" class="clean-link border_box">██████████████</a></li>
              <li class="menu-level-2-hidden-item"><a href="#" hreflang="zh" class="clean-link border_box">██████████████</a></li>
            </ul>
          </li>
          <li class="pos-rel menu-level-1-item clearfix msg-center border_box">
            <div class="menu-level-1-title pos-rel"><span class="pos-abs">消息中心</span><i class="pos-abs arrow"></i></div>
            <ul class="menu-level-2">
              <li class="pos-rel menu-level-2-item"><a href="#" hreflang="zh" class="clean-link border_box">个人信息（利用现有）</a></li>
              <li class="pos-rel menu-level-2-item"><a href="#" hreflang="zh" class="clean-link border_box">我的订单</a></li>
              <li class="pos-rel menu-level-2-item"><a href="#" hreflang="zh" class="clean-link border_box">我的订单</a></li>
            </ul>
            <ul class="menu-level-2-hidden hide">
              <li class="menu-level-2-hidden-item"><a href="#" hreflang="zh" class="clean-link border_box">██████████████</a></li>
              <li class="menu-level-2-hidden-item"><a href="#" hreflang="zh" class="clean-link border_box">██████████████</a></li>
              <li class="menu-level-2-hidden-item"><a href="#" hreflang="zh" class="clean-link border_box">██████████████</a></li>
              <li class="menu-level-2-hidden-item"><a href="#" hreflang="zh" class="clean-link border_box">██████████████</a></li>
              <li class="menu-level-2-hidden-item"><a href="#" hreflang="zh" class="clean-link border_box">██████████████</a></li>
            </ul>
          </li>
        </ul>
      </aside>
      <div class="col gu24 minHeight-300">
        <form id="frm-taking-car" action="#" method="post" name="frm-taking-car" class="gu24 minHeight-100 clearfix border_box taking-car frm-taking-car">
          <h1 class="border_box column-header">提车信息</h1>
          <div class="gu24 minHeight-100 border_box clearfix">
            <label id="lbl-choose-dealer" name="lbl-choose-dealer" class="left lbl text-right lbl-choose-dealer">请选择提车经销商：</label>
            <ul class="right">
              <li class="pos-rel clearfix">
                <input type="radio" name="iptDealer" class="pos-abs iptDealer">
                <label class="left lbl lbl-dealer-opts"><span>斯柯达徐汇店</span><span>地址：上海市长宁区华山路 1568 号财瑞大厦 9 楼</span><a href="tel:021-2356767" class="clean-link">电话：021-2356767</a></label>
              </li>
              <li class="pos-rel clearfix">
                <input type="radio" name="iptDealer" class="pos-abs iptDealer">
                <label class="left lbl lbl-dealer-opts"><span>斯柯达徐汇店</span><span>地址：上海市长宁区华山路 1568 号财瑞大厦 9 楼</span><a href="tel:021-2356767" class="clean-link">电话：021-2356767</a></label>
              </li>
              <li class="pos-rel clearfix">
                <input type="radio" name="iptDealer" class="pos-abs iptDealer">
                <label class="left lbl lbl-dealer-opts"><span>斯柯达徐汇店</span><span>地址：上海市长宁区华山路 1568 号财瑞大厦 9 楼</span><a href="tel:021-2356767" class="clean-link">电话：021-2356767</a></label>
              </li>
              <li class="pos-rel clearfix">
                <input type="radio" name="iptDealer" class="pos-abs iptDealer">
                <label class="left lbl lbl-dealer-opts"><span>斯柯达徐汇店</span><span>地址：上海市长宁区华山路 1568 号财瑞大厦 9 楼</span><a href="tel:021-2356767" class="clean-link">电话：021-2356767</a></label>
              </li>
              <li class="pos-rel clearfix">
                <input type="radio" name="iptDealer" class="pos-abs iptDealer">
                <label class="left lbl lbl-dealer-opts"><span>斯柯达徐汇店</span><span>地址：上海市长宁区华山路 1568 号财瑞大厦 9 楼</span><a href="tel:021-2356767" class="clean-link">电话：021-2356767</a></label>
              </li>
            </ul>
          </div>
          <button id="btn-submit" type="submit" name="btn-submit" class="right btn-submit">确认</button>
        </form>
        <section class="gu24 minHeight-100 clearfix border_box sec-order-overview">
          <h1 class="gu24 border_box column-header">商品信息</h1>
          <div class="left"><img src="http://placehold.it/180x120" alt=""></div>
          <h2 class="left">雪佛兰 科帕奇 2014款 2.4L 7座城市版</h2>
          <ul class="left clearfix">
            <li class="left car-color">车身颜色：白色</li>
            <li class="left car-interior-color">内饰颜色：白色</li>
            <li class="left car-price">商品价格：23.45万元</li>
            <li class="left car-other-equity-items">其他权益：含保险、购置税、手续费</li>
            <li class="left car-earnest">定金：4999元</li>
          </ul>
        </section>
        <section class="gu24 minHeight-100 clearfix border_box sec-financial-program">
          <h1 class="border_box column-header">金融方案</h1>
          <table>
            <tr>
              <th class="text-center down-payment-amount">首付款金额</th>
              <th class="text-center unpaid-amount">未付款金额</th>
              <th class="text-center date-limit">期限</th>
              <th class="text-center monthly-payment">月供</th>
            </tr>
            <tr>
              <td class="clearfix down-payment-amount">3万</td>
              <td class="text-center unpaid-amount">1万</td>
              <td class="text-center date-limit">12</td>
              <td class="monthly-payment">XXXXXX</td>
            </tr>
            <tr>
              <td class="clearfix down-payment-amount">3万</td>
              <td class="text-center unpaid-amount">1万</td>
              <td class="text-center date-limit">12</td>
              <td class="monthly-payment">XXXXXX</td>
            </tr>
            <tr>
              <td class="clearfix down-payment-amount">3万</td>
              <td class="text-center unpaid-amount">1万</td>
              <td class="text-center date-limit">12</td>
              <td class="monthly-payment">XXXXXX</td>
            </tr>
            <tr>
              <td class="clearfix down-payment-amount">3万</td>
              <td class="text-center unpaid-amount">1万</td>
              <td class="text-center date-limit">12</td>
              <td class="monthly-payment">XXXXXX</td>
            </tr>
            <tr>
              <td class="clearfix down-payment-amount">3万</td>
              <td class="text-center unpaid-amount">1万</td>
              <td class="text-center date-limit">12</td>
              <td class="monthly-payment">XXXXXX</td>
            </tr>
          </table>
        </section>
        <section class="gu24 minHeight-100 clearfix border_box sec-insurance-plan">
          <h1 class="border_box column-header">保险方案</h1>
          <table>
            <tr>
              <th class="text-center premium-amount">保费金额</th>
              <th class="text-center insurance-type-detail">险种明细</th>
              <th class="text-center date-limit">期限</th>
              <th class="text-center monthly-payment">月供</th>
            </tr>
            <tr>
              <td class="clearfix down-payment-amount">3万</td>
              <td class="text-center unpaid-amount">XXXXXXXXXXXXXXXXXXX</td>
              <td class="text-center date-limit">12</td>
              <td class="monthly-payment">XXXXXX</td>
            </tr>
            <tr>
              <td class="clearfix down-payment-amount">3万</td>
              <td class="text-center unpaid-amount">XXXXXXXXXXXXXXXXXXX</td>
              <td class="text-center date-limit">12</td>
              <td class="monthly-payment">XXXXXX</td>
            </tr>
            <tr>
              <td class="clearfix down-payment-amount">3万</td>
              <td class="text-center unpaid-amount">XXXXXXXXXXXXXXXXXXX</td>
              <td class="text-center date-limit">12</td>
              <td class="monthly-payment">XXXXXX</td>
            </tr>
            <tr>
              <td class="clearfix down-payment-amount">3万</td>
              <td class="text-center unpaid-amount">XXXXXXXXXXXXXXXXXXX</td>
              <td class="text-center date-limit">12</td>
              <td class="monthly-payment">XXXXXX</td>
            </tr>
            <tr>
              <td class="clearfix down-payment-amount">3万</td>
              <td class="text-center unpaid-amount">XXXXXXXXXXXXXXXXXXX</td>
              <td class="text-center date-limit">12</td>
              <td class="monthly-payment">XXXXXX</td>
            </tr>
          </table>
        </section>
        <section class="gu24 clearfix border_box sec-total-monthly-payment"><span>总月供支出：</span>xxxxxx（含车享价，保险费用）</section>
      </div>
    </div>
    <footer class="footer"></footer><!--[if lt IE 9]>
    <script src="bower_dependency/jquery_series_1/js/jquery.js"></script><![endif]--><!--[if gte IE 9]><!-->
    <script src="bower_dependency/jquery_series_2/js/jquery.js"></script><!--<![endif]-->
    <script src="js/saic-webapp-auto-mall-user-center-framework/sidebar.js"></script>
    <script src="js/saic-webapp-auto-mall-user-center/pay.success.js"></script>
  </body>
</html>